@charset "utf-8";



@media screen and (max-width: 930px) and (orientation:portrait) {

	.capLeftCol {
		width: 21%;
	}
	.capRightCol {
		width: 79%;
	}

	.cap_img_container{
		margin: 0 2vw;
	}

	.entryContentText h3 {
		font-size: 2.1vw;
	}
	.clrspop {
		position: relative;
		display: inline-flex;
		border: solid 1px #666;
		width: 1.9vw;
		height: 1.9vw;
	}
	.clmnImg {
		width: 50%;	
	}
	.clmnpop {
		width: 26%;
	}
	.railpop {
		width: 44%;
	}
	.glspop {
		width: 4.5vw;
		height: 4.5vw;
	}
	.entryContentText p {
		font-size: 1.3vw;
	}
	.entryContentText h3 {
		font-size: 2.1vw;
	}
	.entrygallery {
		width: 47%;
	}
	.smallGallery {
		margin: 14vw auto;
	}

	.overlayEntrycontent {
		min-height: 220vw;
	}
	.measurement button{
		width: 62%;
		font-size: 1.5vw;
	}
	.railStyleCont {
		width: 45%;
	}
	
	
}

@media screen and (max-height: 770px) and (orientation:landscape) {

	.cap_img_container{
		margin: 0 2vw;
	}

	.entryContentText h3 {
		font-size: 2.1vw;
	}
	.clmnImg {
		width: 30%;	
	}
	.clmnpop {
		width: 18%;
	}
	.railpop {
		width: 44%;
	}
	.glspop {
		width: 3vw;
		height: 3vw;
	}
	.entryContentText p {
		font-size: 1.3vw;
	}
	.entryContentText h3 {
		font-size: 1.8vw;
	}
	.entrygallery {
		width: 50%;
	}
	.smallOl_img {
		border: 0.5vw solid white;	
	}
	.smallGallery {
		width: 80%;
	}
	.overlayEntrycontent {
		margin: 1vw auto;
		min-height: 140vw;
	}
	.overlayENTRYMainHeading {
		top: -6vw;
		left: 2vw;
	}
	.overlayEntryMainImages {
		top: 8vw;
		width: 40%;
	}
	.OLPrHd {
		top: 19vw;
		width: 90%;
	}
	.railStyleCont {
		width: 42%;
	}
	.OverlaycloseBtn {
		top: 2vw;
		right: -4.5vw;
		font-size: 3vw;
		color: white;
		z-index: 30;
		cursor: pointer;
	}
}



@media screen and (min-width: 1260px){

	.innerContent img {
		margin-right: 26px;
	}
	.entryContentTextHead {
		font-size: 21px;
		font-weight: bold;
	}
	.entryPFirst {
		font-size: 13px;
	}
	.entryP {
		font-size: 14px;
		margin: 6px 0;
	}
	.clmnImg {
		margin-left: 31px;
	}

	.entryDoorDetailsBtn {
		padding: 9px;
		font-size: 16px;
		margin-top: 6px;
	}
	.entrygallery img {
		padding: 3px;
	}

	.cap_img_container{
		margin: 0 75px;
	}

	.clrspop {
		width: 25px;
		height: 25px;
	}
	.clrspopAfter {
		left: 13px;
		bottom: 39px;
		width: 104px;
		height: 104px;
	}
	.clrspopAfter p {
		font-size: 15px;
		top: -6px;
		left: 77px;
	}
	.clmnpop {
		margin: 0 4px;
	}
	.clmnpopAfter {
		left: 13px;
		bottom: 170px;
		width: 234px;
		height: 310px;
	}
	.clmnpopAfter p {
		font-size: 15px;
	}
	.railStyle img {
		margin-bottom: 13px
	}
	.railpopAfter {
		left: 13px;
		bottom: 104px;
		width: 325px;
		height: 247px;
		padding: 13px;
	}
	.railpopAfter p {
		font-size: 17px;
		bottom: -26px;
	}
	.glspop {
		width: 31px;
		height: 31px;
	}
	.glspopAfter {
		left: 13px;
		bottom: 52px;
		width: 260px;
		height: 260px;
		padding: 13px;
	}
	.glspopAfter p {
		font-size: 15px;
	}

	.entrygallery:hover::after {
		top: -19px;
		font-size: 15px;
	}


	/* OVERLAY */

	/* - Start of Overlay - */

	.overlayEntrycontent {
		border-right: 13px solid white;	
		margin: 52px auto;
		min-height: 2000px;
	}
	.overlayEntryMainImages {
		top: 230px;
		left: 104px;
	}
	.overlayRailingImagePicket {
		top: -4px;
	}
	.overlayENTRYMainHeading {
		font-size: 13px;
	}
	.overlayENTRYMainHeading span {
		font-size: 26px;
	}
	.overlayENTRYMainHeading {
		top: -90px;
		left: 64px;
	}
	.OLPrHd {
		top: 270px;
		left: 16px;
		padding: 19px 0 19px 19px;
	}
	.OLTtl {
		font-size: 15px;
	}
	.OLTtl h3 {
		margin: 0 0 7px 0;
	}
	.OLTtl strong {
		font-size: 22px;
	}
	.OLPr {
		padding: 19px 26px;
		margin: 39px 0 0 0;
		font-size: 17px;
	}
	.fnlPcDetails, .fnPcs {
		padding: 3px 5px;
	}
	.fnlPcT { 
		padding: 13px 0 0 5px;
	}
	.OLSubTtl {
		padding: 0 3px;
		font-size: 15px;
	}
	.fnlSubTtl {
		font-size: 26px;
		margin-top: -6px;
	}
	.OverlayOptionsContainer {
		padding: 19px;
		margin: 26px 13px 77px 13px;
	}
	.OLsmallHead {
		font-size: 10px;
		margin-bottom: 4px;
	}
	.OverlayOptionsContainer h3 {
		font-size: 28px;
	}
	.OverlayOptionsContainer p {
		font-size: 13px;
		margin: 6px 0;
	}
	.OverlayENTRYInnerContainer {
		padding-bottom: 39px;
		margin-bottom: 52px;
	}
	.OverlayENTRYOptionsTabs {
		margin-bottom: 13px;
		padding: 6px 13px;
		font-size: 19px;
	}
	.OverlayCutOutImage {
		top: 77px;
	}
	.ENTRYSelectorsP {
		padding: 26px 0 0 0;
		font-size: 15px;
	}
	.ENTRYSelectorsP p{
		font-size: 10px;
		margin: 0 0 19px 0;
	}
	.measurement {
		margin: 13px 0 0 52px;
	}
	.measurement h5 {
		margin: 0 0 6px 0;
		font-size: 15px;
	}
	.measurement input{
		margin: 6px;
		height: 19px;
	}
	.inputCont input{
		font-size: 15px;
	}
	.measurement button{
		padding: 6px 0;
		font-size: 13px;
	}
	.glassCont {
		margin: 6px;
	}
	.railStyleCont p, .ornamentCont p, .glassOrnntCont {
		font-size: 13px;
		margin: -13px 0 0 6px;
	}
	.glassCont p, .scrollCont p {
		font-size: 13px;
		margin: 0 0 0 6px;
	}
	.olclrspop {
		font-size: 13px;
		margin: 13px;
		padding: 13px;
	}
	.overlayDetailBulletPoints {
		padding: 0 0 13px 0;
		font-size: 13px;
	}


	.smallOl_img {
		border: 13px solid white;	
	}
	.smallGallery {
		width: 100%;
		max-width: 1100px;
		margin: 52px auto;
	}
	.smallOlHd {
		font-size: 17px;
		padding: 19px 26px;
	}
	.OLGlsTab {
		position: absolute;
		top: -47px;
		right: -13px;
		padding: 6px 13px;
		font-size: 16px;
	}
	
	.OverlaycloseBtn {
		position: absolute;
		top: -39px;
		right: -65px;
		font-size: 39px;
		padding: 10px;
	}
	.OverlaycloseBtn:hover::after  {
		top: 13px;
		left: 39px;
		padding: 3px;
		font-size: 13px;
	}
	.OLsmallBtnsprv, .OLsmallBtnsnxt {
		font-size: 77px;
		padding: 10px 26px;
	}
	.cappingCounter, .smallOLCounter {
		font-size: 21px;
		top: -39px;
	}
	.actOLSelect::after {
		top: 13px;
		right: -9px;
		padding: 4px;
		font-size: 10px;
	}

}